<template>
  <div class="resigter-success">
    <a-steps :current="3">
      <a-step
        v-for="item in [
          '材料准备',
          '材料信息上传',
          '基本信息填写',
          '完成待审核',
          '项目信用申请成功'
        ]"
        :key="item"
        :title="item"
      />
    </a-steps>
    <a-result
      status="success"
      title="申请成功！等待管理员审核。"
      :sub-title="
        '平台管理员将会尽快通过电话通知您审核结果。若您有其他需求，请联系我们的客服:' +
          config.p_phone +
          '。审核通过后，即可成为发布项目信用内采购需求单。上述材料将由律师审核'
      "
    >
      <template #extra>
        <a-button
          key="console"
          type="primary"
          size="large"
          @click="$router.push('/user-center/project')"
        >
          进入项目信用首页
        </a-button>
      </template>
    </a-result>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["account"])
  }
};
</script>

<style lang="less" scoped>
.resigter-success {
  padding: 40px 200px;
  background: @white;
}
.success-item {
  display: flex;
  justify-content: center;
  color: @text-color;
  margin-bottom: 20px;

  .label {
    font-size: 20px;
    font-weight: bold;
  }

  .value {
    font-size: 20px;
    font-weight: bold;
    color: @text-color-2;
  }
}
</style>
